*{
	margin: 0;
	padding: 0;
}
/* after:在...之后 */
.clearfix::after{
	content: "";/* 伪元素的内容 */
	display: block;  /* 将伪元素转化为块元素 */
	height: 0;
	clear: both;  /* 消除两端的浮动 */
	visibility: hidden;  /* 显示:隐藏 */
}
.box{
	/* 浮动:让块元素在一行内显示 */
	/* float: left;(坐浮动)/right(右浮动) */
	/* 
	浮动的特性:
	1.脱离标准流:脱标
	2.一行内显示，0
	 */
	float: left;
	width: 200px;
	height: 250px;
	border: 1px solid red;
	font-size: 28px;
}
.box1{
	width: 1000px;
	height: 300px;
	border: 1px solid green;
}
.box1 ::after{
	content: "xxxxxxxxxxxxx";
}